<template>
  <div class="feedback">
    <Input
      v-model="feedback"
      maxlength="100"
      show-word-limit
      type="textarea"
      placeholder="告诉我们您的建议或遇到的问题，我们将为您不断改进..."
      style="width: 800px; background: #f6f8fa"
    />
    <div class="btn">
      <Button type="primary" @click="submit">提交</Button>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      feedback: "",
    };
  },
  methods: {
    submit() {
      this.axios
        .request({
          url: "",
        })
        .then((res) => {
          if (res.success) {
            this.feedback = "";
            this.$Message.success("您的反馈已提交");
          }
        });
    },
  },
};
</script>

<style lang="less" scoped>
.feedback {
  /deep/.ivu-input {
    height: 200px !important;
  }
  .btn{
    margin-top:50px;
    /deep/.ivu-btn{
      width:200px;
      height:40px;
    }
  }
}
</style>